<template>
    <div class="div1">
      <div class="div2">
        <div class="div3">
          <h3>绑卡及资金划扣服务协议</h3>
        </div>
        <div class="div4">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;广东宝坤网络小额贷款有限公司（以下简称“平台”）就有鑫贷APP注册用户(以下简
          <br />
          称“用户”或“您”)在平等自愿的基础上，就用户通过平台申请借款或申请其他服务时进
          <br />
          行的绑定银行卡、开通快捷支付以及资金划扣（以下简称“本服务”）等相关事项，为明
          <br />
          确双方权利义务特订立本协议。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;特别提醒：请您仔细阅读本协议的全部内容（特别是以粗体及/或下划线标注的内
          <br />
          容）。如果您不同意本协议的任意内容，或者无法准确理解本协议任何条款的含义，请不
          <br />
          要确认接受及进行后续操作。您在本协议中可能涉及的个人信息处理的相关授权详见《有
          <br />
          鑫贷隐私政策》、《有鑫贷注册协议》《用户个人信息对外授权书》、《敏感个人信息授权书》等（以下统称“用户个人信息授权书”）。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您通过平台页面点击确认、勾选或以平台表明的其他方式选择接受本协议，即表示
          <br />
          您同意接受本协议的全部条款，并知悉将要承担的义务及后果。同时，您同意并授权平台
          <br />
          有权调用您的CA证书（即电子签章）签署本协议并确认该签署行为视为您本人的签署行
          <br />
          为，是基于您的真实意思表示，您对此不持有异议且由此产生的法律后果由您自行承担。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您确认，您在平台用于绑卡及划扣所使用的为您合法持有的本人之银行卡，您未侵犯任何第三方之权益，并且未违反与银行卡有关的任何法律法规；您在进行本服务时所发出的指令均是您的真实意思表示，您自愿承担由此产生的全部责任，包括但不限于赔偿平台、持卡人或其他第三方因此遭受的全部损失等。您承诺，平台及其关联机构或者平台及关联机构委托的第三方依照您的指令或者您签署的相关协议进行的操作所产生的一切风险及法律后果均由您本人承担。在平台委托其合作方对您在平台开户留存的信息与进行本服务的银行卡完成姓名、身份证号码的一致校验后，即视为完成了审查银行卡持卡人真实性的义务，并将视为您是使用本服务的银行卡合法持有人，可合法、有效使用该银行卡且未侵犯任何第三方合法权益。您应妥善保管平台账户信息（包括不限于账号、密码）、银行卡、卡号、密码、发卡行预留的手机号码以及您所绑定账户的手机号码、来自于发卡行、第三方支付机构或平台向您发送的校验码等与银行卡及/或相关账户有关的一切信息和设备。如您遗失或泄露前述信息及/或设备所致损失由您自行承担。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您在使用本服务时，应当审慎确认页面展示的其他相关信息，包括但不限于所涉及的借款金额、期限、利率、还款计划、还款日，以及平台提示的其它信息等，并按您的真实意思发出相应指令及/或签署相关协议。您确认并同意：您发出的指令或已经签署的协议，除法律法规另行规定外不可撤回或撤销。平台有权根据您的指令或已签署的协议委托银行或第三方支付机构从您所绑定的银行卡或您的账户中划扣相应资金。您不可撤销地授权并委托平台将您的信息（包括但不限于您的绑卡信息）共享给银行及第三方支付机构，其中有关个人信息的授权您可参见用户个人信息授权书。同时，您确认并同意：您通过平台在第三方支付机构开立的商户号上建立的绑卡关系可使用于银行或您选择的其他服务的扣款主体在该第三方支付机构开立的商户号中。您知晓平台有权增加、变更合作的委托银行或第三方支付机构，该商业行为无需另行通知您，也无需另行征得您的同意。但若为您提供资金划扣服务的第三方支付机构发生变更的，在您首次使用该第三方支付机构的情况下，您仍会收到相关第三方支付机构的签约指令。平台委托的银行及/或第三方支付机构，以及您在选择其他服务的情况下相关扣款主体委托的第三方支付机构，从您的绑定的银行卡或账户划扣资金成功后，会根据委托银行或第三方支付机构的可操作性及操作便利性需要，将您的资金最终划付至您指定的或您签署的协议约定的有权收款方。您对上述为完成您的指令或您在协议中的付款义务所进行的任何操作均予以明确认可。除法律法规特别规定外，您不得以非您本人意愿或其他任何原因要求平台或者其委托的第三方撤销操作、退款或承担责任。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如您本人通过现金汇款方式或非平台绑定银行卡汇款等方式向平台银行账户进行汇款的，您应严格按照协议约定及平台的要求进行操作，明确注明资金用途并按照平台要求提供相应材料。如平台无法核实款项资金用途的，平台有权暂扣相应资金或原路退回，如因此导致付款延误的，由此造成的责任和损失均由您自行承担。如第三人代您履行相应还款义务或其他资金划付义务的，平台有权要求您提供相应材料予以说明，如平台无法核实款项资金用途的，平台有权暂扣相应资金或原路退回，如因此导致付款延误的，由此造成的责任和损失均由您自行承担。您与第三人的关系及因第三方代您履行还款义务或其他资金划付义务给您带来的影响，由您与第三方自行解决，与平台无关。因此给平台造成损失的，您应负责赔偿。平台收到相应款项并核实确认后，将根据委托银行或第三方支付机构的可操作性及操作便利性需要，将相应资金最终划付至您指定的或您签署的协议约定的有权收款方。您对平台为完成您的指令或您在协议中的付款义务所进行的任何操作均予以明确认可。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您认可您通过平台所发生的资金使用记录，包括但不限于支付、还款等，交易金额、日期等数据均以平台系统或平台委托的第三方支付系统记录的数据为准。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您授权平台或者平台委托的第三方保存您在平台填写的信息，并且平台或者平台委托的第三方有权为提供服务之目的使用相关信息，其中涉及到的个人信息授权您可参见用户个人信息授权书。您确认，一旦出现下列任意一项情形，平台及其委托的第三方有权立即终止合同项下的相关服务且无需承担任何责任：
          <br />
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;（1）您将本服务用于非法目的；
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;（2）您违反本协议的约定；
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;（3）您违反已签署的或平台的任何协议、操作规则、通告等相关规定；
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;（4）您的银行卡有效期届满或者被冻结、注销的（如有）。
          <br />
          <br />
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;平台有权根据需要不时地修改本协议，您应不时地注意本协议及具体规则的变更。更新后需由您点击确认方可继续使用。若您在本协议及具体规则内容公告变更后继续使用本协议约定之服务的，表示您已知悉、充分阅读、理解并接受修改后的协议和具体规则内容。若您不同意修改后的协议及具体规则内容，您应停止使用本协议约定之服务。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您理解并同意，非因平台原因（包括但不限于计算机病毒、网络中断、电力中断、系统停止运行、黑客攻击、瘟疫等）或法律规定的不可抗力原因、法律法规或监管政策变更导致您无法使用本协议项下约定服务，平台将免予承担相应责任。
          <br />
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本协议的成立、生效、履行和解释，均适用中华人民共和国法律（为本协议之目的，不包括香港特别行政区、澳门特别行政区及台湾地区法律）。本协议经双方加盖电子签章后即生效。因平台与您就本协议的签订、履行或解释发生争议的，双方应协商解决。如协商不成，任何一方可向平台所在地有管辖权的人民法院提起诉讼。
          <!-- <br />
          <br />
          <br />
          姓名（电子签章）：
          {{ list }}
          <br />
          <br />
          身份证号码：
          {{ list }}
          <br />
          <br />
          手机号：
          {{ list }}
          <br />
          <br />
          时间：
          {{ list }}
          <br />
          <br />
          <br />
          广东宝坤网络小额贷款有限公司（电子签章）：
          {{ list }} -->
          <!-- <br />
          <br />
          <br />
          <br />
          <br />
          <br />
          <br /> -->
        </div>
      </div>
    </div>
  </template>
  <script setup lang="ts">
    import { onMounted, ref } from 'vue';
    import { useRoute } from 'vue-router';
    import { findAgreementSign } from '@/api/protocolApi';
    import { findUser } from '@/api/user';
    import { encryptECB, decryptECB } from '@/utils/aes';
  
    const route = useRoute();
    let getToken = route.query.dataToken ?? '';
    localStorage.setItem('token', getToken.toString());
  
    const list = ref('');

  
    // const dataInfo: any = ref({
    //   userInfo: {
    //     userName: ''
    //   },
    //   contractInfo: {
    //     contractNum: ''
    //   }
    // });
  
    // const getProtocolDetails = () => {
    //   findAgreementSign({
    //     agreementId: 6
    //   })
    //     .then((res: any) => {
    //       console.log('------------', res);
    //     })
    //     .finally(() => {});
    // };
    // getProtocolDetails();
    // const goFindUser = () => {
    //   findUser({})
    //     .then((res: any) => {
    //       dataInfo.value.userInfo = res;
    //       dataInfo.value.userInfo.phone = decryptECB(dataInfo.value.userInfo.phone);
    //     })
    //     .finally(() => {});
    // };
    // goFindUser();
  </script>
  <style scope lang="less">
    .div1 {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .div2 {
      width: 470px;
    }
    .div3 {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 30px;
    }
    .div4 {
      font-size: 12px;
      line-height: 24px;
    }
    table {
      width: 100%;
      border-collapse: collapse;
    }
    th,
    td {
      border: 1px solid black;
      padding: 10px;
      text-align: center;
    }
    th {
      background-color: #f2f2f2;
    }
    .text {
      text-decoration: underline;
    }
  </style>